<template>
    <div>
        <div class="footer">
        <div>
            <div class="footer_bg">
              <div class="footer_top">
                    <ul>
                        <li>
                            <img src="/img/login/01.png">
                            <span>正品货源直供</span>
                        </li>
                        <li>
                            <img src="/img/login/02.png">
                            <span>国检监督入仓</span>
                        </li>
                        <li>
                            <img src="/img/login/03.png">
                            <span>快速清关报备</span>
                        </li>
                        <li>
                            <img src="/img/login/04.png">
                            <span>国内物流配送</span>
                        </li>
                        <li>
                            <img src="/img/login/05.png">
                            <span>用户收货确认</span>
                        </li>
                    </ul>
                </div>  
            </div>
            <div class="footer_bg2">
                <div class="footer_midden">
                    <dl>
                        <dt>关于我们</dt>
                        <dd><router-link to="#">批发方案</router-link></dd>
                        <dd><router-link to="#">投诉与建议</router-link></dd>
                        <dd><router-link to="#">联系我们</router-link></dd>
                    </dl>
                    <dl>
                        <dt>新手上路</dt>
                        <dd><router-link to="#">跨境个人额度和税费</router-link></dd>
                        <dd><router-link to="#">常见问题</router-link></dd>
                        <dd><router-link to="#">正品保障</router-link></dd>
                    </dl>
                    <dl>
                        <dt>售后服务</dt>
                        <dd><router-link to="#">疑难问题解答</router-link></dd>
                        <dd><router-link to="#">清关中订单不能取消</router-link></dd>
                        <dd><router-link to="#">售后服务</router-link></dd>
                    </dl>
                    <dl>
                        <dt>配送方式</dt>
                        <dd><router-link to="#">运费标准</router-link></dd>
                        <dd><router-link to="#">配送方式</router-link></dd>
                    </dl>
                    <dl>
                        <dt>购物指南</dt>
                        <dd><router-link to="#">支付方式</router-link></dd>
                        <dd><router-link to="#">消费者告知书</router-link></dd>
                    </dl>
                    <dl class="weixin">
                        <dt>微信关注我们</dt>
                        <dd><img src="/img/login/weixin.jpg"></dd>
                        <dd><span>0371-61658900</span></dd>
                        <dd>周一至周五 9:00-17:30</dd>
                    </dl>
                </div>   
                <div class="footer_bottom">
                    <div>© 2012-2021 U贝国际 版权所有，并保留所有权利。 E-mail: 156669763@qq.com 豫ICP备18040676号</div>
                </div>             
            </div>
        </div>
    </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
.footer{
    height: 366px;
    margin: 50px auto 0 auto;
    color: #000;
  }
.footer_top{
    justify-content: center;
    width: 1200px;
    margin: 0 auto;
    height: 42px;
}
.footer_bg{
    background-image: url(/img/login/fresh_water180.png);
    background-repeat: repeat-x;
    background-position: 0 90px;
    padding: 30px 0;

}
.footer_top ul{
    display: flex;
    justify-content: space-around;
    color: #616161;
}
.footer_bg2{
    height: 264px;
    background-color: #D5F3FD;
}
.footer_midden{
    display: flex;
    width: 1200px;
    height: 174px;
    padding: 40px 0 20px 0;
    margin: 0 auto;
    justify-content: space-around;
}
.footer_midden dd{
    margin-top: 15px;
    font-size: 12px;
}
.footer_midden dd a{
    color: #000;
}
.footer_midden dd a:hover{
    color: #605046;
}
.footer_midden dd img{
    width: 85px;
}
.footer_midden .weixin dd{
    margin-top: 8px;
}
.footer_midden .weixin span{
    color: #E73736;
    font-size: 20px;
}
.footer_bottom{
    font-size: 12px;
}
</style>